import { getToken, setToken, removeToken } from '@/utils/auth'
import { login, getUserInfoAPI } from '@/api/user'
// 模块化开发
const state = {
  // vuex中的初始数据应该从缓存中读取 这里使用的是cookie
  token: getToken(),
  // 定义存用户信息资料的变量
  userInfo: {}
}
const mutations = {
  // 设置token
  setToken(state, token) {
    state.token = token
    // 缓存中的token需要和vuex中的token保持同步
    setToken(token)
  },
  delToken(state) {
    state.token = null
    removeToken()
  },
  // 设置存储用户信息
  setUserInfo(state, userInfo) {
    state.userInfo = userInfo
  }
}
// 在actions中调接口
const actions = {
  // 异步设置token
  async getToken(context, data) {
    const token = await login(data)
    // console.log(token)
    // context作为store的实例对象 所有可以调用他的一些实例方法
    context.commit('setToken', token)
  },
  // 获取用户信息
  async getUserInfo(context) {
    // 调用户信息接口
    const userRes = await getUserInfoAPI()
    // console.log(userRes)
    context.commit('setUserInfo', userRes)
  }
}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}
